@charset "utf-8";
$bg_color:#ff9344;
$text_color:#494949;


@function r($px){
	@return $px/50+rem;
}

.web{
	header{
		width: 100%;
		height: r(150);
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 r(22);
		box-sizing: border-box;
		.back_box{
			text-align:center;
			a{
				line-height: r(58);
				display: block;
				width: r(124);
				height: r(58);
				border: 1px solid $bg_color;
				border-radius: 10px;
				font-size: r(26);
				color: #000000;
				text-decoration: none;
			}
		}
		
		.search_box{
			p{
				padding-right: r(70);
				font-size: r(26);
				color: #000000;
			}
		}
		
		.city_box{
			
			i{
				font-size: r(48);
				color:$bg_color ;
			}
		}
			
	
	
	}
	
	
	
	footer{
		ul{
			display: flex;
			justify-content: space-between;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			background-color: white;
			li{
				width: 25%;
				text-align: center;
				i{
					font-size: r(72);
					color: $bg_color;
				}
				p{
					font-size: r(26);
					color: black;
				}
			}
		}
	}
}